﻿<!--
    
/* ****************************************************************************
 *
 * Copyright (c) Microsoft Corporation. 
 *
 * This source code is subject to terms and conditions of the Microsoft Public License. A
 * copy of the license can be found at http://go.microsoft.com/fwlink/?LinkID=131993. If
 * you cannot locate the Microsoft Public License, please send an email to
 * mixon@microsoft.com. By using this source code in any fashion, you are agreeing to
 * be bound by the terms of the Microsoft Public License.
 *
 * You must not remove this notice, or any other, from this software.
 *
 *
 * ***************************************************************************/
    
-->
<UserControl x:Class="MIXOnline.Descry.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:t="clr-namespace:MIXOnline.Descry"
    xmlns:controls="clr-namespace:Microsoft.Controls"
    xmlns:toolkit="clr-namespace:Microsoft.Windows.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
    mc:Ignorable="d"
    MinWidth="640" MinHeight="480" x:Name="rootVisual">

    <UserControl.Resources>
        <t:AvatarConverter x:Key="AvatarImageConverter"/>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="#FF131313">


        <Grid.Resources>

            <DataTemplate x:Key="serviceDataTemplate">
                <Grid>
                    <StackPanel Orientation="Horizontal">
                        <CheckBox IsChecked="{Binding Mode=TwoWay, Path=IsChecked}" Click="ServiceCheckBoxChanged"/>
                        <Image Source="{Binding Path=IconUrl}" Margin="2,0,0,0"/>
                        <TextBlock Text="{Binding Path=Name}" Margin="2,0,0,0" Style="{StaticResource textBlockStyle}"/>
                    </StackPanel>
                </Grid>
            </DataTemplate>

            <DataTemplate x:Key="userDataTemplate">
                <Grid Margin="5,2,0,0">
                    <StackPanel Orientation="Horizontal">
                        <CheckBox x:Name="checkBoxUser" IsChecked="{Binding Mode=TwoWay, Path=IsChecked}" Click="UserCheckBoxChanged"/>
                        <Image Source="{Binding Converter={StaticResource AvatarImageConverter}, ConverterParameter=small, Mode=OneWay, Path=NickName}" Height="15" Margin="2,0,0,0"/>
                        <TextBlock Text="{Binding Path=Name}" Margin="4,0,0,0" Style="{StaticResource textBlockStyle}"/>
                        <TextBlock Text="[" Margin="4,0,0,0"  Style="{StaticResource textBlockStyle}"/>
                        <TextBlock Text="{Binding Path=NickName}" Style="{StaticResource textBlockStyle}"/>
                        <TextBlock Text="]"  Style="{StaticResource textBlockStyle}"/>
                    </StackPanel>
                </Grid>
            </DataTemplate>

            <DataTemplate x:Key="popularityDataTemplate">
                <Grid>
                    <StackPanel Orientation="Horizontal">
                        <CheckBox x:Name="checkBoxUser" IsChecked="{Binding Mode=TwoWay, Path=IsChecked}" Click="PopularityCheckChanged" />
                        <Image Source="{Binding Path=IconPath}" Height="15" Margin="2,0,0,0"/>
                        <TextBlock Text="{Binding Path=Name}" Margin="2,0,0,0" Style="{StaticResource textBlockStyle}"/>
                    </StackPanel>
                </Grid>
            </DataTemplate>

            <Style x:Key="listboxStyle" TargetType="ListBox">
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="BorderBrush" Value="Transparent"/>
            </Style>

            <Style TargetType="ListBoxItem" x:Key="listBoxItemStyle">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListBoxItem">
                            <Grid x:Name="RootElement">
                                <vsm:VisualStateManager.VisualStateGroups>
                                    <vsm:VisualStateGroup x:Name="CommonStates">
                                        <vsm:VisualStateGroup.Transitions>
                                            <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="MouseOver"/>
                                            <vsm:VisualTransition GeneratedDuration="00:00:00.1" To="Selected"/>
                                        </vsm:VisualStateGroup.Transitions>
                                        <vsm:VisualState x:Name="Normal">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0" Storyboard.TargetName="tbNormal" Storyboard.TargetProperty="Opacity" To="1"/>
                                            </Storyboard>
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="MouseOver">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0" Storyboard.TargetName="tbMouseOver" Storyboard.TargetProperty="Opacity" To="1"/>
                                            </Storyboard>
                                        </vsm:VisualState>
                                        <vsm:VisualState x:Name="Selected">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0" Storyboard.TargetName="tbSelected" Storyboard.TargetProperty="Opacity" To="1"/>
                                            </Storyboard>
                                        </vsm:VisualState>
                                    </vsm:VisualStateGroup>
                                </vsm:VisualStateManager.VisualStateGroups>
                                <!-- I was unable to get coloranimation to work on Foreground property, so I used Opacity instead. That's why there are 3 TextBlocks-->
                                <TextBlock x:Name="tbNormal" Text="{Binding Path=Name}" Width="40" Height="23" Opacity="0" Foreground="Gray"/>
                                <TextBlock x:Name="tbMouseOver" Text="{Binding Path=Name}" Width="40" Height="23" Opacity="0" Foreground="DarkGray"/>
                                <TextBlock x:Name="tbSelected" Text="{Binding Path=Name}" Width="40" Height="23" Opacity="0" Foreground="White"/>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

        </Grid.Resources>

        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="15"/>
        </Grid.RowDefinitions>

        <Grid Grid.Row="0">

            <Grid.RowDefinitions>
                <RowDefinition Height="65"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="10"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="10"/>
            </Grid.ColumnDefinitions>

            <Grid Grid.Row="0" Grid.Column="1" VerticalAlignment="Top" Margin="0,5,0,0">

                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="230"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="355"/>
                </Grid.ColumnDefinitions>

                <Grid Grid.Column="0">
                    <Image x:Name="imageProfile" Width="34" Source="images/default_user_thumb.png" VerticalAlignment="Top" HorizontalAlignment="Left"/>
                    <toolkit:AutoCompleteBox x:Name="autoCompleteBoxUserName" VerticalAlignment="Top" Height="22" Margin="39.844,0,44.156,0" IsTextCompletionEnabled="False" TextBoxStyle="{StaticResource RoundedTextBox}"   />

                    <!-- checkbox is not used in current design so set opacity to 0-->
                    <CheckBox x:Name="checkBoxGetFriends" Content="Friends" Style="{StaticResource checkBoxStyle}" Width="62" HorizontalAlignment="Right" Margin="0,24,17,7" IsChecked="True" Opacity="0"/>

                    <Button x:Name="buttonGetData" Content="GO" Width="25" ToolTipService.ToolTip="Get data from FriendFeed" Click="buttonGetData_Click" HorizontalAlignment="Right"  Height="22" Margin="0,0.199,12.594,0" d:LayoutOverrides="Height" VerticalAlignment="Top" Style="{StaticResource ButtonStyle}" Foreground="#FFADADAD" FontWeight="Bold" FontFamily="Verdana" FontSize="10"/>
                    <Button x:Name="buttonClearCache" Content="X" Width="18" ToolTipService.ToolTip="Clear FriendFeed items for this User" Click="buttonClearCache_Click" HorizontalAlignment="Right" Margin="0,1.602,-8.077,0" Height="18" Style="{StaticResource ButtonStyle}" Foreground="#FFADADAD" FontFamily="Verdana" FontWeight="Bold" FontSize="10" VerticalAlignment="Top"/>
                    <HyperlinkButton x:Name="hlUserSearch" Content="search for user" NavigateUri="http://friendfeed.com/settings/invite" TargetName="_blank" Margin="42.096,22.177,97.904,15.823" Foreground="#FF838383" FontFamily="Verdana" Style="{StaticResource hyperlinkButtonStyle}"/>
                </Grid>

                <StackPanel Orientation="Horizontal" Grid.Column="1"  VerticalAlignment="Bottom" HorizontalAlignment="Center" >
                    <TextBlock x:Name="textBlockStatus" Text="" Style="{StaticResource textBlockStyle}" FontWeight="Bold"/>

                    <StackPanel Orientation="Horizontal" x:Name="removeFilters" Visibility="Collapsed" >
                        <TextBlock Text=" (" Style="{StaticResource textBlockStyle}" Height="14"/>
                        <HyperlinkButton x:Name="hlRemoveFilters" Content="remove all filters" Height="14" Foreground="#FF838383" Click="hlRemoveFilters_Click" Style="{StaticResource hyperlinkButtonStyle}"/>
                        <TextBlock Text=" )" Style="{StaticResource textBlockStyle}" Height="14"/>
                    </StackPanel>
                </StackPanel>

                <Grid Grid.Column="2">

                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>

                    <StackPanel Grid.Row="0" x:Name="stackPanelFilterButtons" Height="22" Orientation="Horizontal" HorizontalAlignment="Right"  Margin="0,0,0,0" >
                        <ToggleButton Content="Search" x:Name="buttonToggleSearch" Click="buttonToggleSearch_Click" Margin="3,0,0,0" Template="{StaticResource SearchButtonStyle}" Height="35" />
                        <ToggleButton Content="Friends" x:Name="buttonToggleFriends" Click="buttonToggleFriends_Click" Margin="3,0,0,0" Template="{StaticResource FriendsButtonStyle}"  Height="35" />
                        <ToggleButton Content="Services" x:Name="buttonToggleServices" Click="buttonToggleServices_Click" Margin="3,0,0,0" Template="{StaticResource ServicesButtonStyle}"  Height="35" />
                        <ToggleButton Content="Popularity" x:Name="buttonTogglePopularity" Click="buttonTogglePopularity_Click" Margin="3,0,0,0" Template="{StaticResource PopularityButtonStyle}"  Height="35" />
                        <ToggleButton Content="Settings" x:Name="buttonToggleSettings" Click="buttonToggleSettings_Click"  Margin="3,0,0,0" Height="35" Template="{StaticResource SettingsButtonTemplate}" />
                        <Button Content="Refresh" x:Name="buttonRefresh" Margin="3,0,0,0" Height="35" Template="{StaticResource RefreshButtonStyle}" Click="buttonRefresh_Click" />
                    </StackPanel>

                    <ListBox  Grid.Row="1" x:Name="listboxDuration" Style="{StaticResource listboxStyle}" Height="35" ItemContainerStyle="{StaticResource listBoxItemStyle}" ItemsSource="{Binding}" SelectionChanged="listboxDuration_SelectionChanged" ScrollViewer.VerticalScrollBarVisibility="Disabled" HorizontalAlignment="Right" Margin="0,0,20,0">
                        <ListBox.ItemsPanel>
                            <ItemsPanelTemplate>
                                <StackPanel Orientation="Horizontal"/>
                                <!-- this arranges the ListBox items horizontally -->
                            </ItemsPanelTemplate>
                        </ListBox.ItemsPanel>
                    </ListBox>

                </Grid>
            </Grid>

            <t:Timeline Grid.Column="1" Grid.Row="1" x:Name="timeline"/>

            <t:loading x:Name="loadingDialog" Grid.Column="1" Grid.Row="1" Visibility="Collapsed" HorizontalAlignment="Center" VerticalAlignment="Center"/>

            <!--these canvases are necessary to mask out timeline items that extend beyound the timeline control's horizontal bounds-->
            <Canvas Background="#FF131313" Grid.Column="0" Grid.RowSpan="2" Canvas.ZIndex="9999"/>
            <Canvas Background="#FF131313" Grid.Column="2" Grid.RowSpan="2"  Canvas.ZIndex="9999"/>

        </Grid>

        <Grid Grid.Row="0" >

            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="300"/>
                <ColumnDefinition Width="30"/>
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
                <RowDefinition Height="25"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="10"/>
            </Grid.RowDefinitions>

            <Grid x:Name="gridDialogArea" Visibility="Collapsed"  Grid.Row="1" Grid.Column="1"  >

                <Grid Grid.Column="1" Grid.Row="1" x:Name="dialogUsers" Visibility="Collapsed" Background="#FF1D1D1D"  VerticalAlignment="Top">

                    <Rectangle StrokeThickness="1" Stroke="#FF222222" />

                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="83"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="7"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="7"/>
                        </Grid.ColumnDefinitions>

                        <StackPanel Grid.Column="1" Margin="0,10,0,0">
                            <TextBlock Text="Filter by Friends" Style="{StaticResource textBlockStyle}" FontWeight="Bold" FontSize="14"/>
                            <TextBlock Text="Select or de-select friends you'd like to include in the timeline." TextWrapping="Wrap"  Style="{StaticResource textBlockStyle}"/>
                            <Canvas Height="1" Background="#FF262626" Margin="0,2,0,2"/>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="Select" Style="{StaticResource textBlockStyle}"/>
                                <HyperlinkButton x:Name="hlUsersSelectAll" Content="all" Click="hlUsersSelectAll_Click" Foreground="#FF838383" Style="{StaticResource hyperlinkButtonStyle}"/>
                                <HyperlinkButton x:Name="hlUsersDeselectAll" Content="none" Click="hlUsersDeselectAll_Click" Foreground="#FF838383" Style="{StaticResource hyperlinkButtonStyle}"/>
                            </StackPanel>
                        </StackPanel>

                        <controls:VirtualizedListBox  Margin="0,10,10,10" Grid.Row="1" Grid.Column="1" x:Name="listboxUsers" SelectionChanged="listboxUsers_SelectionChanged"  Items="{Binding}" ItemTemplate="{StaticResource userDataTemplate}" Background="Transparent" BorderBrush="Transparent"/>

                    </Grid>

                </Grid>

                <Grid x:Name="dialogServices" Grid.Column="1" Grid.Row="1"  Visibility="Collapsed" Background="#FF1D1D1D"  VerticalAlignment="Top">

                    <Rectangle StrokeThickness="1" Stroke="#FF222222" />

                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="93"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="7"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="7"/>
                        </Grid.ColumnDefinitions>

                        <StackPanel Grid.Column="1" Margin="0,10,0,0">
                            <TextBlock Text="Filter by Services" Style="{StaticResource textBlockStyle}" FontWeight="Bold" FontSize="14"/>
                            <TextBlock Text="Select or de-select services you'd like to include in the timeline." Margin="0,5,0,0" TextWrapping="Wrap"  Style="{StaticResource textBlockStyle}"/>
                            <Canvas Height="1" Background="#FF262626" Margin="0,2,0,2"/>
                            <StackPanel Orientation="Horizontal" Margin="0,5,0,0">
                                <TextBlock Text="Select"  Style="{StaticResource textBlockStyle}"/>
                                <HyperlinkButton x:Name="hlServicesSelectAll" Content="all" Click="hlServicesSelectAll_Click" Foreground="#FF838383" Style="{StaticResource hyperlinkButtonStyle}"/>
                                <HyperlinkButton x:Name="hlServicesDeselectAll" Content="none" Click="hlServicesDeselectAll_Click" Foreground="#FF838383" Style="{StaticResource hyperlinkButtonStyle}"/>
                            </StackPanel>
                        </StackPanel>

                        <ListBox  Margin="0,10,10,0"  Grid.Row="1" Grid.Column="1" x:Name="listboxServices" SelectionChanged="listboxServices_SelectionChanged" ItemsSource="{Binding}" ItemTemplate="{StaticResource serviceDataTemplate}" Style="{StaticResource listboxStyle}"  ScrollViewer.HorizontalScrollBarVisibility="Disabled"/>
                    </Grid>

                </Grid>

                <Grid x:Name="dialogPopularity" Grid.Column="1" Grid.Row="1"  Visibility="Collapsed" Background="#FF1D1D1D"  VerticalAlignment="Top">

                    <Rectangle StrokeThickness="1" Stroke="#FF222222" />

                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="70"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="7"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="7"/>
                        </Grid.ColumnDefinitions>

                        <StackPanel Grid.Column="1" Margin="0,10,0,0">
                            <TextBlock Text="Filter by Popularity" Style="{StaticResource textBlockStyle}" FontWeight="Bold" FontSize="14"/>
                            <TextBlock Margin="0,5,0,0" Text="Select only posts with likes or comments." TextWrapping="Wrap"  Style="{StaticResource textBlockStyle}"/>
                            <Canvas Height="1" Background="#FF262626" Margin="0,2,0,2"/>
                            <StackPanel Orientation="Horizontal" >
                                <TextBlock Text="Select" Style="{StaticResource textBlockStyle}"/>
                                <HyperlinkButton x:Name="hlPopulartiySelectAll" Content="all" Click="hlPopulartiySelectAll_Click" Foreground="#FF838383" Style="{StaticResource hyperlinkButtonStyle}"/>
                                <HyperlinkButton x:Name="hlPopulatiryDeselectAll" Content="none" Click="hlPopulatiryDeselectAll_Click" Foreground="#FF838383" Style="{StaticResource hyperlinkButtonStyle}"/>
                            </StackPanel>
                        </StackPanel>

                        <ListBox  Margin="0,5,10,0"  Grid.Row="1" Grid.Column="1"  x:Name="listboxPopularity" Height="50"  Style="{StaticResource listboxStyle}" ItemsSource="{Binding}" ItemTemplate="{StaticResource popularityDataTemplate}" SelectionChanged="listboxPopularity_SelectionChanged" VerticalAlignment="Top" />

                    </Grid>
                </Grid>

                <Grid x:Name="dialogSearch"  Grid.Column="1" Grid.Row="1" Visibility="Collapsed" Background="#FF1D1D1D" Height="150" VerticalAlignment="Top">

                    <Rectangle StrokeThickness="1" Stroke="#FF222222" />

                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="80"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="7"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="7"/>
                        </Grid.ColumnDefinitions>

                        <StackPanel Grid.Column="1" Margin="0,10,0,0">
                            <TextBlock Text="Search for Something" Style="{StaticResource textBlockStyle}" FontWeight="Bold" FontSize="14"/>
                            <!--<TextBlock Margin="0,5,0,0" Text="Feel free to use &quot;@&quot; or &quot;#&quot; or put &quot;phrases in quotes.&quot; You can also use AND and OR to couple searches." TextWrapping="Wrap"  Style="{StaticResource textBlockStyle}"/>-->
                            <TextBlock Margin="0,5,0,0" Text="Feel free to use &quot;@&quot; or &quot;#&quot; press Enter to filter on search term." TextWrapping="Wrap"  Style="{StaticResource textBlockStyle}"/>
                            <Canvas Height="1" Background="#FF262626" Margin="0,2,0,2"/>
                        </StackPanel>

                        <StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="1" VerticalAlignment="Top" Margin="0,10,0,0">
                            <TextBlock Text="Search" Margin="10,0,0,0"  VerticalAlignment="Center" Style="{StaticResource textBlockStyle}"/>
                            <TextBox x:Name="textBoxSearchTerm" Width="200" Text="" Height="22" Margin="5,0,0,0" KeyUp="textBoxSearchTerm_KeyUp"  VerticalAlignment="Center"  Style="{StaticResource RoundedTextBox}" Foreground="#FFFFFFFF"/>
                            <Button Content="X"  Width="18" Height="18" ToolTipService.ToolTip="Clear the search." Click="buttonClearSearch_Click" Margin="10,0,0,0"  VerticalAlignment="Center" Style="{StaticResource ButtonStyle}" FontFamily="Verdana" FontSize="11" FontWeight="Normal" Background="#FF1A1A1A" Foreground="#FF939393"/>
                        </StackPanel>

                    </Grid>

                </Grid>

                <Grid x:Name="dialogSettings"  Grid.Column="1" Grid.Row="1"  Visibility="Collapsed" Background="#FF1D1D1D"  VerticalAlignment="Top" Height="110" >

                    <Rectangle StrokeThickness="1" Stroke="#FF222222" />

                    <Grid>


                        <StackPanel Margin="7,10,7,0">
                            <TextBlock Text="Settings" Style="{StaticResource textBlockStyle}" FontWeight="Bold" FontSize="14"/>
                            <Canvas Height="1" Background="#FF262626" Margin="0,2,0,2"/>
                            <Grid Margin="0,10,0,0">
                                <TextBlock Text="Max posts to be retrieved" Margin="2,3,70,3" Style="{StaticResource textBlockStyle}" d:LayoutOverrides="Height"/>
                                <TextBox x:Name="textBoxEntriesToGet" Margin="0,0,0.027,0" Text="200"  Style="{StaticResource RoundedTextBox}" HorizontalAlignment="Right" Width="58" d:LayoutOverrides="HorizontalAlignment"/>
                            </Grid>
                            <TextBlock x:Name="textBlockVersion" Style="{StaticResource textBlockStyle}" Margin="0,0,10,10"/>
                            <!--<HyperlinkButton x:Name="hlSendMail" Content="Contact Us" NavigateUri="mailto:mixon@microsoft.com" TargetName="_blank" Foreground="White" FontFamily="Verdana" Style="{StaticResource hyperlinkButtonStyle}" Margin="0,0,10,10"/>-->
                        </StackPanel>

                    </Grid>

                </Grid>

                <Button x:Name="buttonCloseDialogArea" Content="X" Width="20" Height="20" Click="buttonCloseDialogArea_Click" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="2" Style="{StaticResource ButtonStyle}" FontFamily="Verdana" Background="#FF444444" Foreground="#FF939393" FontWeight="Bold" />

            </Grid>

        </Grid>

        <!-- First Run Experience -->
        <Grid x:Name="gridFirstRunOrig" Background="#FF131313" Visibility="Collapsed">
            <Grid Height="150" Width="225">
                <TextBlock Margin="9,8,0,51" Foreground="#FFFFFFFF" TextWrapping="Wrap"><Run FontSize="18" FontWeight="Bold" Text="Explore "/><Run FontSize="18" FontWeight="Bold" Foreground="#FF646464" Text="your socially networked life via FriendFeed."/></TextBlock>
                <Image  HorizontalAlignment="Left" Margin="8,0,0,11" VerticalAlignment="Bottom" Width="39" Source="images/smiley.png"/>

                <TextBlock Height="15" Margin="52,0,34,40" VerticalAlignment="Bottom"><Run FontSize="12" Foreground="#FF646464" Text="Type a FriendFeed ID"/></TextBlock>
                <TextBox Height="22" Margin="51,0,33,11" VerticalAlignment="Bottom" Text="" Style="{StaticResource RoundedTextBox}"/>
                <Button HorizontalAlignment="Right" Margin="0,0,7,11" Width="22" Content="Go" VerticalAlignment="Bottom" Height="22"/>

                <TextBlock Height="12" Margin="52,0,34,0" VerticalAlignment="Bottom"><Run FontSize="10" Foreground="#FF646464" Text="User not found. Try again or "/><Run FontSize="10" Foreground="#FF646464" Text="search"/><Run FontSize="10" Foreground="#FF646464" Text="."/></TextBlock>
            </Grid>
        </Grid>

        <Grid x:Name="gridFirstRun" Visibility="Collapsed">
            <Canvas Width="200" Height="20" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="300,5,0,0"/>
        </Grid>

        <t:IsolatedStorageSizeDialog x:Name="isolatedStorageSizeModificationDialog" Grid.RowSpan="2" VerticalAlignment="Center"/>

    </Grid>
</UserControl>
